// pages/scf/scf.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    statusBarHeight: getApp().globalData.statusBarHeight,
    safeArea: getApp().globalData.safeArea,
    // 品牌画像
    pphxAutoPlay: true,
    pphxIndex: 0,
    pphxList: [
      {
        img: 'https://sws.peppa.zjsws.net/my/shaxian.png',
        name: '沙县小吃制作技艺师',
        type: '福建传统小吃',
        desc: '五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品，五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品'
      },
      {
        img: 'https://sws.peppa.zjsws.net/my/shaxian.png',
        name: '沙县小吃制作技艺师',
        type: '福建传统小吃',
        desc: '五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品，五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品'
      },
      {
        img: 'https://sws.peppa.zjsws.net/my/shaxian.png',
        name: '沙县小吃制作技艺师',
        type: '福建传统小吃',
        desc: '五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品，五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品'
      },
      {
        img: 'https://sws.peppa.zjsws.net/my/shaxian.png',
        name: '沙县小吃制作技艺师',
        type: '福建传统小吃',
        desc: '五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品，五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品'
      },
      {
        img: 'https://sws.peppa.zjsws.net/my/shaxian.png',
        name: '沙县小吃制作技艺师',
        type: '福建传统小吃',
        desc: '五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品，五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品'
      },
      {
        img: 'https://sws.peppa.zjsws.net/my/shaxian.png',
        name: '沙县小吃制作技艺师',
        type: '福建传统小吃',
        desc: '五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品，五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品'
      },
      {
        img: 'https://sws.peppa.zjsws.net/my/shaxian.png',
        name: '沙县小吃制作技艺师',
        type: '福建传统小吃',
        desc: '五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品，五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品'
      },
      {
        img: 'https://sws.peppa.zjsws.net/my/shaxian.png',
        name: '沙县小吃制作技艺师',
        type: '福建传统小吃',
        desc: '五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品，五金交电、日用百货、针纺织品、洗涤用品、化妆品、食品'
      }
    ],
    // 劳务品牌政策
    lwppzcList: [
      {
        name: '关于2020年和平区背街小巷整治工程施工标段项目无拖欠农民工工资情况',
        date: '2024-05-16'
      },
      {
        name: '关于2020年和平区背街小巷整治工程施工标段项目无拖欠农民工工资情况',
        date: '2024-05-16'
      },
      {
        name: '关于2020年和平区背街小巷整治工程施工标段项目无拖欠农民工工资情况',
        date: '2024-05-16'
      },
      {
        name: '关于2020年和平区背街小巷整治工程施工标段项目无拖欠农民工工资情况',
        date: '2024-05-16'
      }
    ],
    // 品牌形象代言人
    ppxxdyrIndex: 0,
    ppxxdyrList: [
      {
        name: '陈平安',
        type: '省级形象代言人',
        brand: '化妆品',
        desc: '从事餐饮酒店管理23年，热爱餐饮事业，从基层逐步走向管理，具有较强的餐饮酒店服务意识和丰富的餐饮酒店实践管理经验，全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开',
        avatar: 'https://sws.peppa.zjsws.net/my/human.png'
      },
      {
        name: '陈平安',
        type: '省级形象代言人',
        brand: '化妆品',
        desc: '从事餐饮酒店管理23年，热爱餐饮事业，从基层逐步走向管理，具有较强的餐饮酒店服务意识和丰富的餐饮酒店实践管理经验，全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开',
        avatar: 'https://sws.peppa.zjsws.net/my/human.png'
      },
      {
        name: '陈平安',
        type: '省级形象代言人',
        brand: '化妆品',
        desc: '从事餐饮酒店管理23年，热爱餐饮事业，从基层逐步走向管理，具有较强的餐饮酒店服务意识和丰富的餐饮酒店实践管理经验，全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开',
        avatar: 'https://sws.peppa.zjsws.net/my/human.png'
      },
      {
        name: '陈平安',
        type: '省级形象代言人',
        brand: '化妆品',
        desc: '从事餐饮酒店管理23年，热爱餐饮事业，从基层逐步走向管理，具有较强的餐饮酒店服务意识和丰富的餐饮酒店实践管理经验，全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开',
        avatar: 'https://sws.peppa.zjsws.net/my/human.png'
      },
      {
        name: '陈平安',
        type: '省级形象代言人',
        brand: '化妆品',
        desc: '从事餐饮酒店管理23年，热爱餐饮事业，从基层逐步走向管理，具有较强的餐饮酒店服务意识和丰富的餐饮酒店实践管理经验，全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开',
        avatar: 'https://sws.peppa.zjsws.net/my/human.png'
      },
      {
        name: '陈平安',
        type: '省级形象代言人',
        brand: '化妆品',
        desc: '从事餐饮酒店管理23年，热爱餐饮事业，从基层逐步走向管理，具有较强的餐饮酒店服务意识和丰富的餐饮酒店实践管理经验，全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开全面掌握餐饮酒店的开',
        avatar: 'https://sws.peppa.zjsws.net/my/human.png'
      }
    ],
    // 品牌资讯
    ppzxList: [
      {
        name: '关于2020年和平区背街小巷整治工程施工标段项目无拖欠农民工工资情况',
        date: '2024-05-16'
      },
      {
        name: '关于2020年和平区背街小巷整治工程施工标段项目无拖欠农民工工资情况',
        date: '2024-05-16'
      },
      {
        name: '关于2020年和平区背街小巷整治工程施工标段项目无拖欠农民工工资情况',
        date: '2024-05-16'
      },
      {
        name: '关于2020年和平区背街小巷整治工程施工标段项目无拖欠农民工工资情况',
        date: '2024-05-16'
      }
    ],
  },
  // 品牌画像滑动
  pphxChange(e) {
    // 先取消自动播放，否则会出现跳帧
    this.setData({
      pphxAutoPlay: false
    })
    const { current, source } = e.detail
    this.setData({
      pphxIndex: current,
      pphxAutoPlay: true
    })
  },

  // 品牌画像缩略图点击
  handleThumbnailClick(e) {
    // 先取消自动播放，否则会出现跳帧
    this.setData({
      pphxAutoPlay: false
    })
    const index = e.currentTarget.dataset.item
    this.setData({
      pphxIndex: index,
      pphxAutoPlay: true
    })
  },

  // 品牌画像上一张、下一张
  changePphxIndex(e) {
    // 先取消自动播放，否则会出现跳帧
    this.setData({
      pphxAutoPlay: false
    })
    const val = e.currentTarget.dataset.item
    let index
    if (val == 1) {
      if (this.data.pphxIndex + 1 === this.data.pphxList.length) {
        index = 0
      } else {
        index = this.data.pphxIndex + 1
      }
    } else if (val == -1) {
      if (this.data.pphxIndex === 0) {
        index = this.data.pphxList.length - 1
      } else {
        index = this.data.pphxIndex - 1
      }
    }
    this.setData({
      pphxIndex: index,
      pphxAutoPlay: true
    })
  },

  // 滑动代言人
  handlePpxxdyrChange(e) {
    const { current, source } = e.detail
    this.setData({
      ppxxdyrIndex: current
    })
  },

  // 点击按钮切换代言人
  changePpxxdyrIndex(e) {
    const val = e.currentTarget.dataset.item
    this.setData({
      ppxxdyrIndex: this.data.ppxxdyrIndex+Number(val)
    })
  },

  // 跳转页面
  toPage(e) {
    const url = e.currentTarget.dataset.item
    wx.navigateTo({
      url
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})